<template>
  <!-- <view class="page">
    <view class="pt-310rpx flex justify-center">
      <u-icon
        name="https://mp.weixin.qq.com/wxopen/basicprofile?action=get_headimg&token=756499006&t=1711464074153"
        size="200rpx"
        :label="appConfig.name"
        space="20rpx"
        label-size="32rpx"
        label-pos="bottom"
      />
    </view>
  </view> -->
  <view class="relative" @click="handle2Foem">
    <image
      src="https://636c-cloud1-2gsfgx2o49e48fc1-1325551471.tcb.qcloud.la/dhk_banner.jpg?sign=dbb1b1c4c873fe00b60be8a29c64a3b4&t=1712399315"
      class="w-full h-screen"
    ></image>
    <view class="rrr" @click.stop="handle2Record">举报记录</view>
    <view class="ccc">任意点击去举报</view>
  </view>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

import { useGlobalSetting } from '@/settings'
import { showToast } from '@/utils'

@Component({ name: 'Redirect' })
export default class Redirect extends Vue {
  get appConfig() {
    return useGlobalSetting()
  }
  handle2Foem() {
    uni.navigateTo({
      url: '/pages/dhk/huan-form'
    })
  }
  handle2Record() {
    showToast({ title: '功能开发中' })
    // uni.navigateTo({
    //   url: '/pages/dhk/record'
    // })
  }

  onLoad() {
    // uni.hideHomeButton()
    // console.log('this.appConfig.checkAuth', this.appConfig.checkAuth)
    // if (!this.appConfig.checkAuth) {
    //   setTimeout(() => {
    //     uni.switchTab({
    //       url: '/pages/index/index'
    //     })
    //   }, 1000)
    // } else {
    //   setTimeout(() => {
    //     if (userStore.hasLogin) {
    //       uni.switchTab({
    //         url: '/pages/index/index'
    //       })
    //     } else {
    //       uni.reLaunch({
    //         url: '/pages/identity/login'
    //       })
    //     }
    //   }, 1500)
    // }
  }
}
</script>

<style lang="scss" scoped>
.page {
  height: 100vh;
  background-color: #ffffff;
}
.ccc {
  position: absolute;
  bottom: 76rpx;
  color: rgba($color: #bc1d29, $alpha: 0.7);
  width: 100%;
  text-align: center;
  font-size: 26rpx;
  left: 10rpx;
  animation: scaleDraw 3s ease-in-out infinite;
  -webkit-animation: scaleDraw 5s ease-in-out infinite;
  font-family: fangsong;
}
.rrr {
  position: absolute;
  top: 450rpx;
  right: 100rpx;
  font-size: 26rpx;
  color: rgba($color: #bc1d29, $alpha: 0.7);
  padding-bottom: 4rpx;
  border-bottom: rgba($color: #bc1d29, $alpha: 0.7) 1rpx solid;
  font-family: fangsong;
}
@keyframes scaleDraw {
  0% {
    transform: scale(1); /*开始为原始大小*/
  }

  25% {
    transform: scale(1.1); /*放大1.1倍*/
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.1);
  }
}
</style>
